
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>支付宝当面付DEMO</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<style>
* {
	margin: 0;
	padding: 0;
}

ul, ol {
	list-style: none;
}

.title {
	color: #ADADAD;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 16px 5px 10px;
}

.hidden {
	display: none;
}

.new-btn-login-sp {
	border: 1px solid #D74C00;
	padding: 1px;
	display: inline-block;
}

.new-btn-login {
	background-color: transparent;
	background-image: url("images/new-btn-fixed.png");
	border: medium none;
}

.new-btn-login {
	background-position: 0 -198px;
	width: 82px;
	color: #FFFFFF;
	font-weight: bold;
	height: 28px;
	line-height: 28px;
	padding: 0 10px 3px;
}

.new-btn-login:hover {
	background-position: 0 -167px;
	width: 82px;
	color: #FFFFFF;
	font-weight: bold;
	height: 28px;
	line-height: 28px;
	padding: 0 10px 3px;
}

.bank-list {
	overflow: hidden;
	margin-top: 5px;
}

.bank-list li {
	float: left;
	width: 153px;
	margin-bottom: 5px;
}

#main {
	width: 750px;
	margin: 0 auto;
	font-size: 14px;
	font-family: '宋体';
}

#logo {
	background-color: transparent;
	background-image: url("images/new-btn-fixed.png");
	border: medium none;
	background-position: 0 0;
	width: 166px;
	height: 35px;
	float: left;
}

.red-star {
	color: #f00;
	width: 10px;
	display: inline-block;
}

.null-star {
	color: #fff;
}

.content {
	margin-top: 5px;
}

.content dt {
	width: 160px;
	display: inline-block;
	text-align: right;
	float: left;
}

.content dd {
	margin-left: 100px;
	margin-bottom: 5px;
}

#foot {
	margin-top: 10px;
}

.foot-ul li {
	text-align: center;
}

.note-help {
	color: #999999;
	font-size: 12px;
	line-height: 130%;
	padding-left: 3px;
}

.cashier-nav {
	font-size: 14px;
	margin: 15px 0 10px;
	text-align: left;
	height: 30px;
	border-bottom: solid 2px #CFD2D7;
}

.cashier-nav ol li {
	float: left;
}

.cashier-nav li.current {
	color: #AB4400;
	font-weight: bold;
}

.cashier-nav li.last {
	clear: right;
}

.alipay_link {
	text-align: right;
}

.alipay_link a:link {
	text-decoration: none;
	color: #8D8D8D;
}

.alipay_link a:visited {
	text-decoration: none;
	color: #8D8D8D;
}
</style>
</head>
<body text=#000000 bgColor="#ffffff" leftMargin=0 topMargin=4>
	<div id="main">
		<div id="head">
			<dl class="alipay_link">
				<a target="_blank" href="http://www.alipay.com/"><span>支付宝首页</span></a>|
				<a target="_blank" href="https://b.alipay.com/home.htm"><span>商家服务</span></a>|
				<a target="_blank"
					href="http://help.alipay.com/support/index_sh.htm"><span>帮助中心</span></a>
			</dl>
			<span class="title"></span>
		</div>


		<div id="body" style="clear: left">
			<dl class="content">
				<dt></dt>
				<dd>
					<a target="_blank" href="trade_pay.jsp"><span>当面付2.0
							条码支付</span></a>
				</dd>

				<dt></dt>
				<dd>
					<a target="_blank" href="trade_precreate.jsp"><span>当面付2.0
							二维码支付</span></a>
				</dd>

				<dt></dt>
				<dd>
					<a target="_blank" href="./trade_query.jsp"><span>当面付2.0
							订单查询</span></a>
				</dd>

				<dt></dt>
				<dd>
					<a target="_blank" href="./trade_refund.jsp"><span>当面付2.0
							订单退款</span></a>
				</dd>
			</dl>
		</div>

		<div id="foot">
			<ul class="foot-ul">
				<li><font class="note-help"> </font></li>
				<li>支付宝版权所有 2011-2015 ALIPAY.COM</li>
			</ul>
		</div>
	</div>
</body>
</html>